<script>

    $(function () {

        var form = new Vue({
            el:'#div',
            data:{
            },
            mounted:function(){
            },
            methods:{
                /**
                 * 上传照片
                 * @param event
                 */
                chooseImage:function(event){
                    var that = event.target;

                    wx.chooseImage({
                        count: 1, // 默认9
                        success: function (res) {
                            var localId = res.localIds[0];
                            that.src = localId;
                            wx.uploadImage({
                                localId: localId, // 需要上传的图片的本地ID，由chooseImage接口获得
                                isShowProgressTips: 1,// 默认为1，显示进度提示
                                success: function (res) {
                                    var serverId = res.serverId; // 返回图片的服务器端ID
                                    $(that).next('input').val(serverId);
                                    if ($(that).parent().next().length){
                                        $(that).parent().next().show();
                                    }
                                }
                            });
                        }
                    });
                },
            },
            components:{
            }
        });



        var validator = $("#form").validate({
            rules: {
                order_id:{
                    required:true,
                },
                'finish_imgs[]':{
                    required:true,
                    total:2,
                },
                finish_ticket_img:{
                    required:true,
                },
                tmall_check_img:{
                    required:function(){
                        return window.customer_tmall_number.length;
                    },
                },
                confirm_code:{
                    required:true,
                    digits:true,
                    minlength:6,
                    maxlength:6,
                    ajax:{
                        url:'/ajax/validate/checkconfirmcode',
                        data:{
                            order_id:$('[name=order_id]').val()
                        }
                    },
                },
                finish_message:{
                    maxlength:50,
                },
            },
            messages: {
                order_id:{
                    required:'请填写订单编号',
                },
                'finish_imgs[]':{
                    required:'请上传现场完工照片',
                    total:'现场完工照片请上传2张以上',
                },
                finish_ticket_img:{
                    required:'请上传完成服务客户签收单',
                },
                tmall_check_img:{
                    required:'请上传喵师傅成功核销截图',
                },
                confirm_code:{
                    required:'请输入6位数字服务确认码',
                    ajax:'服务确认码不正确',
                },
                finish_message:{
                    maxlength:'给下单用户留言不要超过50个字',
                },
            },
            submitHandler: function(form) {
                if (!confirm('将申请完成服务，确认信息填写无误？')){
                    return;
                }

                form.submit();
            },
        });
    });
</script>